<template>
  <div class="layout-padding-auto layout-padding-view">
    <div class="system-user-search mb24">
      <el-input v-model="state.tableData.param.search" placeholder="请输入设备编号" style="max-width: 180px">
      </el-input>
      <el-button type="primary" class="ml10">
        <el-icon>
          <ele-Search />
        </el-icon>
        查询
      </el-button>
    </div>
    <div></div>
  </div>
</template>

<script setup lang="ts" name="pageTable">
import { reactive, onMounted } from 'vue';
import { ElMessageBox, ElMessage } from 'element-plus';

// 定义变量内容
const state = reactive<any>({
  tableData: {
    loading: false,
    param: {
      search: '',
    },
  },
});
// 初始化表格数据
const getTableData = () => {
  state.tableData.loading = true;
  const data = [];
  for (let i = 0; i < 20; i++) {
    data.push({
      id: 3234 + i,
      province: '黑龙江',
      name: '北极村站点',
      type: '基准站',
      jd: '行政区划',
      wd: `2023`,
      gcchb: '52.33',
      qycgqhb: '188.2',
    });
  }
  state.tableData.data = data;
  state.tableData.total = state.tableData.data.length;
  setTimeout(() => {
    state.tableData.loading = false;
  }, 500);
};

// 页面加载时
onMounted(() => {
  getTableData();
});
</script>

<style scoped lang="scss"></style>
